<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>文本转换示例</title>
    <style type="text/css">
        #p1 {
            text-transform: uppercase;
        }

        #p2 {
            text-transform: lowercase;
        }

        #p3 {
            text-transform: capitalize;
        }
    </style>
</head>

<body>
    <p id="p1">rome wasn't built in a day.</p >
    <p id="p2">rome wasn't built in a day.</p >
    <p id="p3">rome wasn't built in a day.</p >
</body>

</html>